.fl{float:left}
a{text-decoration:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}


.m-banner_container {width:100%;height:290px;}
/* m-banner */
.m-banner{height:239px;width:49%;margin:20px 0;float:left;margin-left:5px;position:relative;}
.mb-news{width:50%;height:239px;padding:0 15px;line-height:1.8;float:left;position:absolute;z-index:99999;}
.mb-news div {overflow:hidden;text-overflow:ellipsis;}
.mb-news h4{word-break:break-all;word-wrap:break-word;margin-top:10px;}
.mb-news h4 a{font-size:14px;color:#fff;line-height:1.6;word-break:break-all;word-wrap:break-word}
.mb-news p{font-size:12px;color:#fff;margin-top:5px;overflow:hidden;text-overflow:ellipsis;}
.mb-news h4 a:hover{text-decoration:underline}

.mb-img{width:99%;float:left;height:100%;position:relative;top:0;}
.mb-inav{width:100px;margin-left:45%;}
.mb-inav li{width:10px;height:10px;float:left;list-style:none;margin:5px 5px 5px 0;}
.mb-inav li a{display:block;width:10px;height:10px;background:#ccc;}
.mb-inav li a.cur{background:#08a5e0;}

.mb-ibox{height:239px;position:relative;overflow:hidden; width:100%;}
.mb-ibox a{display:block;height:239px;overflow:hidden;position:absolute;top:0;left:0;z-index:10;display:none}




/* m-banner2 */
.m-banner2{height:239px;width:49%;margin:20px 0;float:right;position:relative;}
.mb-news2{width:50%;height:239px;padding:0 15px;line-height:1.8;float:left;position:absolute;z-index:99999;}
.mb-news2 div {overflow:hidden;}
.mb-news2 h4{word-break:break-all;word-wrap:break-word;margin-top:10px;}
.mb-news2 h4 a{font-size:14px;color:#fff;line-height:1.6;word-break:break-all;word-wrap:break-word}
.mb-news2 p{font-size:12px;color:#fff;margin-top:5px;overflow:hidden}
.mb-news2 h4 a:hover{text-decoration:underline}









/*屏幕小于768像素的时候应用此样式*/
@media (max-width:768px) {

.m-banner_container {width:100%;height:500px;background-color:#fff;}
    
/* m-banner */
.m-banner{height:200px;width:98%;margin:10px auto;clear:both;margin-left:1%;position:relative; }
.mb-news{width:50%;position:relative;height:40px;left:0;top:35px;}
.mb-news div {display:-webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp:5;
overflow: hidden;}
.mb-news h4{ word-break:break-all;word-wrap:break-word;margin-top:10px;z-index:99999;}
.mb-news h4 a{font-size:14px;color:#fff;line-height:1.6;word-break:break-all;word-wrap:break-word}
.mb-news p{font-size:12px;color:#fff;margin-top:5px;}
.mb-news h4 a:hover{text-decoration:underline}

.mb-news p{position: relative; line-height: 20px; max-height:100px;overflow: hidden;}
.mb-news p::after{content: "."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
}

.mb-img{width:100%;height:200px;margin:auto;}

.mb-inav{width:100px;}
.mb-inav li{width:10px;height:10px;float:left;list-style:none;margin:5px 5px 5px 0;}
.mb-inav li a{display:block;width:10px;height:10px;background:#ccc;}
.mb-inav li a.cur{background:#08a5e0;}

.mb-ibox{height:200px;position:relative;overflow:hidden; width:100%;}
.mb-ibox a{display:block;height:200px;overflow:hidden;position:absolute;top:0;left:0;z-index:10;display:none}



/* m-banner2 */
.m-banner2{height:200px;width:98%;margin:30px auto;clear:both;margin-left:1%;position:relative;}
.mb-news2{width:50%;position:relative;height:40px;left:0;top:35px;}
.mb-news2 div {display:-webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp:5;
overflow: hidden;}
.mb-news2 h4{ word-break:break-all;word-wrap:break-word;margin-top:10px;z-index:99999;}
.mb-news2 h4 a{font-size:14px;color:#fff;line-height:1.6;word-break:break-all;word-wrap:break-word}
.mb-news2 p{font-size:12px;color:#fff;margin-top:5px;}
.mb-news2 h4 a:hover{text-decoration:underline}


.mb-news2 p{position: relative; line-height: 20px; max-height:100px;overflow: hidden;}
.mb-news2 p::after{content: "."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
}

}